<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />

<script>
 $(function() {
   $( document ).tooltip({
     position: {
       my: "center bottom-12",
       at: "center top",
       using: function( position, feedback ) {
         $( this ).css( position );
         $( "<div>" )
           .addClass( "arrow" )
           .addClass( feedback.vertical )
           .addClass( feedback.horizontal )
           .appendTo( this );
       }
     }
   });
 });
</script>

<script>
 $(function() {
   $( document ).tooltip({
     position: {
       my: "center bottom-12",
       at: "center top",
       using: function( position, feedback ) {
         $( this ).css( position );
         $( "<div>" )
           .addClass( "arrow" )
           .addClass( feedback.vertical )
           .addClass( feedback.horizontal )
           .appendTo( this );
       }
     }
   });
 });
</script>

<div id="viewdetaildeal">
	<s:form id="frmviewdetaildeal" method="post" action=""
		novalidate="novalidate">
		<div class="detaildealmain">
			<div class="dd-block-content">
				<div class="dd-mainview">
					<div class="dd-container-contdeal">
						<div class="dd-left-image">
							<img id="dd-image" src='<s:property value="%{contextPath + deal.imgURL}"/>'/>
								<div class="dd-right-content">
									<div class="dd-title-deal">
										<s:property value="%{deal.dealName}" />
									</div>
									<div class="dd-boxContainerPrices">
										<div class="dd-boxPriceView">
											<div class="dd-sprice">
												<s:property value="%{deal.newSellMoney}" />
												<s:property value="%{deal.currencyName}" />
											</div>
											<div class="dd-oprice">
												<s:property value="getText('span.giagoc')"/>:
												<s:property value="%{deal.newRootMoney}" />
												<s:property value="%{deal.currencyName}" />
											</div>
											<a href="orderform.html?nextPage=orderForm" title="Nhấn để đặt mua deal"><div class="dd-buyButton"></div>
											</a>
										</div>
									</div>
									<div class="dd-productBought">
										<div class="dd-Buyersnew">
											<s:property value="getText('label.daco')"/> <b><s:property value="%{deal.numberOrdered}" /></b>
											 <s:property value="getText('label.duocmua')"/>
										</div>
									</div>
									<div class="dd-saveprice">
									<table class="dd-discount">
										<tr>
											<td width="50%" valign="top"
												style="border: 1px solid rgb(0, 177, 247); padding-top: 10px;padding-bottom: 10px;"><s:property value="getText('span.giamgia')"/><br/><span style="font: bold 1.1em arial;"><s:property value="%{deal.percent}" />%</span>
											</td>
											<td width="50%" valign="top" style="padding-top: 10px;border: 1px solid rgb(0, 177, 247);padding-bottom: 10px;"><s:property value="getText('span.tietkiem')"/><br/><span style="font: bold 1.1em arial;"><s:property value="%{deal.newDiscountMoney}" /> 
														<s:property value="%{deal.currencyName}" /></span>
											</td>
										</tr>
										</table>
									</div>

									<div class="dd-productTimeout" style="border-bottom: none">
										<div class="dd-timer">
											<div id="dd-timeTitle" class="dd-v6Gray">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<s:property value="getText('label.ngayhethan')"/> : </div>
											<div class="dd-displayTime" id="dd-timeCount">
<%-- 												<span><s:property value="%{enddealtime}"/> </span> --%>
												<span id="enddealtime" name="enddealtime" value='<s:property value="enddealdatetime"/>'/><s:property value="enddealdatetime"/></span>
											</div>
										</div>
									</div>

								</div>
						</div>
						<div class="dd-mainDesciption">
							<h1><s:property value="getText('label.dactadeal')"/></h1>

							<s:property value="%{deal.description}" />
						</div>
					</div>
				</div>
			</div>
		</div>
	</s:form>
</div>
